﻿<!DOCTYPE html>
<html>
  <head>
    <title>后台架构</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/后台架构/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/后台架构/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u113" class="ax_default box_11">
        <img id="u113_img" class="img " src="images/后台架构/u113.png"/>
        <!-- Unnamed () -->
        <div id="u114" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u115" class="ax_default heading_3">
        <div id="u115_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u116" class="text">
          <p><span>服务端</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u117" class="ax_default flow_shape">
        <div id="u117_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u118" class="text">
          <p><span>node服务(koa)</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u119" class="ax_default heading_3">
        <div id="u119_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u120" class="text">
          <p><span>客户端sdk</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u121" class="ax_default heading_3">
        <div id="u121_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u122" class="text">
          <p><span>错误展示站点</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u123" class="ax_default connector">
        <img id="u123_seg0" class="img " src="images/后台架构/u123_seg0.png" alt="u123_seg0"/>
        <img id="u123_seg1" class="img " src="images/后台架构/u123_seg1.png" alt="u123_seg1"/>
        <img id="u123_seg2" class="img " src="images/后台架构/u123_seg2.png" alt="u123_seg2"/>
        <img id="u123_seg3" class="img " src="images/后台架构/u123_seg3.png" alt="u123_seg3"/>
        <!-- Unnamed () -->
        <div id="u124" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u125" class="ax_default heading_1">
        <div id="u125_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u126" class="text">
          <p><span>后端1.0\2.0</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u127" class="ax_default heading_1">
        <div id="u127_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u128" class="text">
          <p><span>后端3.0</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u129" class="ax_default flow_shape">
        <div id="u129_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u130" class="text">
          <p><span>（小程序）客户端上报数据</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u131" class="ax_default flow_shape">
        <div id="u131_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u132" class="text">
          <p><span>（pc/h5）客户端上报数据</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u133" class="ax_default flow_shape">
        <div id="u133_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u134" class="text">
          <p><span>（node）客户端上报数据</span></p><p><span>以接口的形式搜集</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u135" class="ax_default connector">
        <img id="u135_seg0" class="img " src="images/后台架构/u135_seg0.png" alt="u135_seg0"/>
        <img id="u135_seg1" class="img " src="images/后台架构/u123_seg3.png" alt="u135_seg1"/>
        <!-- Unnamed () -->
        <div id="u136" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u137" class="ax_default connector">
        <img id="u137_seg0" class="img " src="images/后台架构/u137_seg0.png" alt="u137_seg0"/>
        <img id="u137_seg1" class="img " src="images/后台架构/u137_seg1.png" alt="u137_seg1"/>
        <img id="u137_seg2" class="img " src="images/后台架构/u137_seg2.png" alt="u137_seg2"/>
        <img id="u137_seg3" class="img " src="images/后台架构/u123_seg3.png" alt="u137_seg3"/>
        <!-- Unnamed () -->
        <div id="u138" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u139" class="ax_default flow_shape">
        <div id="u139_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u140" class="text">
          <p><span>mongodb</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u141" class="ax_default connector">
        <img id="u141_seg0" class="img " src="images/后台架构/u141_seg0.png" alt="u141_seg0"/>
        <img id="u141_seg1" class="img " src="images/后台架构/u141_seg1.png" alt="u141_seg1"/>
        <!-- Unnamed () -->
        <div id="u142" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u143" class="ax_default flow_shape">
        <div id="u143_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u144" class="text">
          <p><span>前端可视化展示站点（ceres）</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u145" class="ax_default connector">
        <img id="u145_seg0" class="img " src="images/后台架构/u145_seg0.png" alt="u145_seg0"/>
        <img id="u145_seg1" class="img " src="images/后台架构/u123_seg3.png" alt="u145_seg1"/>
        <!-- Unnamed () -->
        <div id="u146" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u147" class="ax_default box_11">
        <img id="u147_img" class="img " src="images/后台架构/u147.png"/>
        <!-- Unnamed () -->
        <div id="u148" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u149" class="ax_default heading_3">
        <div id="u149_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u150" class="text">
          <p><span>服务端</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u151" class="ax_default flow_shape">
        <div id="u151_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u152" class="text">
          <p><span>node服务（egg）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u153" class="ax_default heading_3">
        <div id="u153_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u154" class="text">
          <p><span>客户端sdk</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u155" class="ax_default heading_3">
        <div id="u155_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u156" class="text">
          <p><span>错误展示站点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u157" class="ax_default flow_shape">
        <div id="u157_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u158" class="text">
          <p><span>（小程序）客户端上报数据</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u159" class="ax_default flow_shape">
        <div id="u159_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u160" class="text">
          <p><span>（pc/h5）客户端上报数据</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u161" class="ax_default flow_shape">
        <div id="u161_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u162" class="text">
          <p><span>（node）客户端上报数据</span></p><p><span>以接口的形式搜集</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u163" class="ax_default flow_shape">
        <div id="u163_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u164" class="text">
          <p><span>kafka/redis</span></p><p><span>（消息队列，削峰/限流）</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u165" class="ax_default connector">
        <img id="u165_seg0" class="img " src="images/后台架构/u165_seg0.png" alt="u165_seg0"/>
        <img id="u165_seg1" class="img " src="images/后台架构/u165_seg1.png" alt="u165_seg1"/>
        <img id="u165_seg2" class="img " src="images/后台架构/u165_seg2.png" alt="u165_seg2"/>
        <img id="u165_seg3" class="img " src="images/后台架构/u165_seg3.png" alt="u165_seg3"/>
        <!-- Unnamed () -->
        <div id="u166" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u167" class="ax_default flow_shape">
        <div id="u167_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u168" class="text">
          <p><span>前端可视化展示站点（ceres）</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u169" class="ax_default connector">
        <img id="u169_seg0" class="img " src="images/后台架构/u169_seg0.png" alt="u169_seg0"/>
        <img id="u169_seg1" class="img " src="images/后台架构/u169_seg1.png" alt="u169_seg1"/>
        <img id="u169_seg2" class="img " src="images/后台架构/u169_seg2.png" alt="u169_seg2"/>
        <img id="u169_seg3" class="img " src="images/后台架构/u169_seg3.png" alt="u169_seg3"/>
        <!-- Unnamed () -->
        <div id="u170" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u171" class="ax_default connector">
        <img id="u171_seg0" class="img " src="images/后台架构/u171_seg0.png" alt="u171_seg0"/>
        <img id="u171_seg1" class="img " src="images/后台架构/u171_seg1.png" alt="u171_seg1"/>
        <img id="u171_seg2" class="img " src="images/后台架构/u171_seg2.png" alt="u171_seg2"/>
        <img id="u171_seg3" class="img " src="images/后台架构/u123_seg3.png" alt="u171_seg3"/>
        <!-- Unnamed () -->
        <div id="u172" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u173" class="ax_default connector">
        <img id="u173_seg0" class="img " src="images/后台架构/u173_seg0.png" alt="u173_seg0"/>
        <img id="u173_seg1" class="img " src="images/后台架构/u173_seg1.png" alt="u173_seg1"/>
        <img id="u173_seg2" class="img " src="images/后台架构/u173_seg2.png" alt="u173_seg2"/>
        <img id="u173_seg3" class="img " src="images/后台架构/u123_seg3.png" alt="u173_seg3"/>
        <!-- Unnamed () -->
        <div id="u174" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u175" class="ax_default connector">
        <img id="u175_seg0" class="img " src="images/后台架构/u175_seg0.png" alt="u175_seg0"/>
        <img id="u175_seg1" class="img " src="images/后台架构/u175_seg1.png" alt="u175_seg1"/>
        <img id="u175_seg2" class="img " src="images/后台架构/u175_seg2.png" alt="u175_seg2"/>
        <img id="u175_seg3" class="img " src="images/后台架构/u123_seg3.png" alt="u175_seg3"/>
        <!-- Unnamed () -->
        <div id="u176" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u177" class="ax_default flow_shape">
        <div id="u177_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u178" class="text">
          <p><span>限流策略</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u179" class="ax_default connector">
        <img id="u179_seg0" class="img " src="images/后台架构/u179_seg0.png" alt="u179_seg0"/>
        <img id="u179_seg1" class="img " src="images/后台架构/u123_seg3.png" alt="u179_seg1"/>
        <!-- Unnamed () -->
        <div id="u180" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u181" class="ax_default flow_shape">
        <div id="u181_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u182" class="text">
          <p><span>生产消息</span></p>
        </div>
      </div>

      <!-- Unnamed (Diamond) -->
      <div id="u183" class="ax_default flow_shape">
        <img id="u183_img" class="img " src="images/后台架构/u183.png"/>
        <!-- Unnamed () -->
        <div id="u184" class="text">
          <p><span>判断消费池是否已满</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u185" class="ax_default flow_shape">
        <div id="u185_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u186" class="text">
          <p><span>舍弃消息不处理</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u187" class="ax_default flow_shape">
        <div id="u187_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u188" class="text">
          <p><span>消费消息</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u189" class="ax_default connector">
        <img id="u189_seg0" class="img " src="images/后台架构/u189_seg0.png" alt="u189_seg0"/>
        <img id="u189_seg1" class="img " src="images/后台架构/u123_seg3.png" alt="u189_seg1"/>
        <!-- Unnamed () -->
        <div id="u190" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u191" class="ax_default connector">
        <img id="u191_seg0" class="img " src="images/后台架构/u191_seg0.png" alt="u191_seg0"/>
        <img id="u191_seg1" class="img " src="images/后台架构/u191_seg1.png" alt="u191_seg1"/>
        <img id="u191_seg2" class="img " src="images/后台架构/u191_seg2.png" alt="u191_seg2"/>
        <img id="u191_seg3" class="img " src="images/后台架构/u191_seg3.png" alt="u191_seg3"/>
        <!-- Unnamed () -->
        <div id="u192" class="text">
          <p><span>已满</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u193" class="ax_default connector">
        <img id="u193_seg0" class="img " src="images/后台架构/u193_seg0.png" alt="u193_seg0"/>
        <img id="u193_seg1" class="img " src="images/后台架构/u193_seg1.png" alt="u193_seg1"/>
        <img id="u193_seg2" class="img " src="images/后台架构/u193_seg2.png" alt="u193_seg2"/>
        <img id="u193_seg3" class="img " src="images/后台架构/u193_seg3.png" alt="u193_seg3"/>
        <!-- Unnamed () -->
        <div id="u194" class="text">
          <p><span>未满</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u195" class="ax_default flow_shape">
        <div id="u195_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u196" class="text">
          <p><span>消费消息池</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u197" class="ax_default connector">
        <img id="u197_seg0" class="img " src="images/后台架构/u197_seg0.png" alt="u197_seg0"/>
        <img id="u197_seg1" class="img " src="images/后台架构/u197_seg1.png" alt="u197_seg1"/>
        <img id="u197_seg2" class="img " src="images/后台架构/u197_seg2.png" alt="u197_seg2"/>
        <img id="u197_seg3" class="img " src="images/后台架构/u197_seg3.png" alt="u197_seg3"/>
        <!-- Unnamed () -->
        <div id="u198" class="text">
          <p><span>消费消息处理成功/失败 移除消费池当前的数据标示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u199" class="ax_default heading_1">
        <div id="u199_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u200" class="text">
          <p><span>后端架构</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u201" class="ax_default connector">
        <img id="u201_seg0" class="img " src="images/后台架构/u201_seg0.png" alt="u201_seg0"/>
        <img id="u201_seg1" class="img " src="images/后台架构/u201_seg1.png" alt="u201_seg1"/>
        <img id="u201_seg2" class="img " src="images/后台架构/u201_seg2.png" alt="u201_seg2"/>
        <img id="u201_seg3" class="img " src="images/后台架构/u201_seg3.png" alt="u201_seg3"/>
        <!-- Unnamed () -->
        <div id="u202" class="text">
          <p><span>获取消费池数量</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u203" class="ax_default connector">
        <img id="u203_seg0" class="img " src="images/后台架构/u203_seg0.png" alt="u203_seg0"/>
        <img id="u203_seg1" class="img " src="images/后台架构/u203_seg1.png" alt="u203_seg1"/>
        <!-- Unnamed () -->
        <div id="u204" class="text">
          <p><span>以ip和时间戳生成标志数据</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u205" class="ax_default label">
        <div id="u205_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u206" class="text">
          <p><span>驿氪-前端错误监控 1.0，2.0: sdk集成，保证流程的跑通&nbsp; &nbsp;&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u207" class="ax_default label">
        <div id="u207_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u208" class="text">
          <p><span>驿氪-前端错误监控 3.0： 丰富sdk采集数据信息，优化后端&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u209" class="ax_default label">
        <div id="u209_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u210" class="text">
          <p><span style="font-family:'ArialMT', 'Arial';">kafka</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">限流策略</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u211" class="ax_default label">
        <div id="u211_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u212" class="text">
          <p><span>驿氪-前端错误监控 n.0： 后期期望&nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u213" class="ax_default image">
        <img id="u213_img" class="img " src="images/后台架构/u213.png"/>
        <!-- Unnamed () -->
        <div id="u214" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u215" class="ax_default flow_shape">
        <div id="u215_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u216" class="text">
          <p><span>mongodb1-n</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u217" class="ax_default box_11">
        <img id="u217_img" class="img " src="images/后台架构/u217.png"/>
        <!-- Unnamed () -->
        <div id="u218" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u219" class="ax_default connector">
        <img id="u219_seg0" class="img " src="images/后台架构/u219_seg0.png" alt="u219_seg0"/>
        <img id="u219_seg1" class="img " src="images/后台架构/u219_seg1.png" alt="u219_seg1"/>
        <img id="u219_seg2" class="img " src="images/后台架构/u219_seg2.png" alt="u219_seg2"/>
        <img id="u219_seg3" class="img " src="images/后台架构/u219_seg3.png" alt="u219_seg3"/>
        <img id="u219_seg4" class="img " src="images/后台架构/u219_seg4.png" alt="u219_seg4"/>
        <img id="u219_seg5" class="img " src="images/后台架构/u219_seg5.png" alt="u219_seg5"/>
        <!-- Unnamed () -->
        <div id="u220" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u221" class="ax_default label">
        <div id="u221_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u222" class="text">
          <p><span>（mongodb副本集分离-单机）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u223" class="ax_default flow_shape">
        <div id="u223_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u224" class="text">
          <p><span>前端小工具</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u225" class="ax_default connector">
        <img id="u225_seg0" class="img " src="images/后台架构/u225_seg0.png" alt="u225_seg0"/>
        <img id="u225_seg1" class="img " src="images/后台架构/u123_seg3.png" alt="u225_seg1"/>
        <!-- Unnamed () -->
        <div id="u226" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u227" class="ax_default connector">
        <img id="u227_seg0" class="img " src="images/后台架构/u227_seg0.png" alt="u227_seg0"/>
        <img id="u227_seg1" class="img " src="images/后台架构/u197_seg3.png" alt="u227_seg1"/>
        <!-- Unnamed () -->
        <div id="u228" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Paragraph) -->
      <div id="u229" class="ax_default paragraph">
        <img id="u229_img" class="img " src="images/后台架构/u229.png"/>
        <!-- Unnamed () -->
        <div id="u230" class="text">
          <p><span>issue</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u231" class="ax_default label">
        <div id="u231_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u232" class="text">
          <p><span>目前存在的问题：1.访问量大，2.数据量大</span></p><p><span><br></span></p><p><span>对于查询慢的处理问题</span></p><p><span>1.优化代码</span></p><p><span>2.添加索引</span></p><p><span>3.按品牌分表</span></p>
        </div>
      </div>

      <!-- Unnamed (Connector) -->
      <div id="u233" class="ax_default connector">
        <img id="u233_seg0" class="img " src="images/后台架构/u233_seg0.png" alt="u233_seg0"/>
        <img id="u233_seg1" class="img " src="images/后台架构/u233_seg1.png" alt="u233_seg1"/>
        <img id="u233_seg2" class="img " src="images/后台架构/u233_seg2.png" alt="u233_seg2"/>
        <img id="u233_seg3" class="img " src="images/后台架构/u233_seg3.png" alt="u233_seg3"/>
        <!-- Unnamed () -->
        <div id="u234" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Paragraph) -->
      <div id="u235" class="ax_default paragraph">
        <img id="u235_img" class="img " src="images/后台架构/u235.png"/>
        <!-- Unnamed () -->
        <div id="u236" class="text">
          <p><span>版本信息</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
